<template>
    <div class="con">
        <h2>签到功能</h2>
        <button @click="sign">签到</button><hr>
        <div class="tu">
            <img src="../../../image/djq10.png">&nbsp;
            <button @click="changeIntergral(1)" class="huan">兑换</button><br><hr>
            <img src="../../../image/djq100.png">&nbsp;
            <button @click="changeIntergral(2)" class="huan">兑换</button>
        </div>
    </div>
</template>

<style>
    .con {
        text-align: center;
    }
    .huan{
        position: relative;
        top: -30px; /* 向上移动10像素 */
    }
</style>

<script>
    export default {
        methods:{
            async sign() {
                alert("签到成功！当前积分为1");
            },
            async changeIntergral(){
                alert("对不起，您的积分不足！");
            }
        }
    }
</script>